<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-child"></i> <strong>事件上报管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>事件管理</li>
				<li class="active">事件上报管理</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content" id="mainContent">
			<input class="form-control" type="hidden" id="userId" name="userId"
				th:value="${session.account.id}" />
			<div class="row">
				<div class="col-md-6">
					<div class="box box-info">
						<div class="nav-tabs-custom">
							<ul class="nav nav-tabs" id="myTabs">
								<li id="sbsjyLi"><a href="#tab_init" data-toggle="tab" onClick="changeType('report')">上报事件源</a></li>
								<li id="slsjyLi"><a href="#tab_deal" data-toggle="tab" onClick="changeType('register')">受理事件源</a></li>

							</ul>
							<div class="tab-content" id="tabcontentdiv1">

								<div class="tab-pane" id="tab_init">
									<div class="box-body">
										<div class="form-inline" id="sbsjySearchDiv">
											<div class="input-group">
												<input type="text" class="form-control" id="searchLeft"
													placeholder="search...." /> <span class="input-group-btn">
													<button type="button" name="search"
														class="btn btn-info searchBtnLeft">查询</button>
													<button type="button" name="reset" id="reset"
														class="btn btn-info resetBtnLeft">撤消</button>
												</span>
											</div>
										</div>


										<div id="sbsjytbDiv">
											<table id="eventReportTable"
												class="mytable display table-bordered text-center"
												cellspacing="0" width="100%">
												<thead>
													<tr>
														<th width="6%">序号</th>
														<th width="8%">操作</th>
														<th width="8%">事件大类</th>
														<th width="8%">上报内容</th>
														<th width="8%">发生时间</th>
														<th width="8%">上报人</th>
														<th width="8%">发生地点</th>
														<th width="8%">来源</th>
													</tr>
												</thead>
												<tbody>

												</tbody>
											</table>

										</div>

									</div>
								</div>
								<div class="tab-pane" id="tab_deal">
									<div class="box-body">
										<div class="form-inline" id="slsjySearchDiv">
											<div class="input-group">
												<input type="text" class="form-control" id="searchRight"
													placeholder="search...." /> <span class="input-group-btn">
													<button type="button" name="search"
														class="btn btn-info searchBtnRight">查询</button>
													<button type="button" name="reset" id="reset"
														class="btn btn-info resetBtnRight">撤消</button>
												</span>

											</div>
										</div>
										<div id="slsjytbDiv">
											<table id="eventReportDealTable"
												class="mytable display table-bordered text-center"
												cellspacing="0" width="100%">
												<thead>
													<tr>
														<th width="6%">序号</th>
														<th width="8%">操作</th>
														<th width="8%">事件大类</th>
														<th width="8%">详细内容</th>
														<th width="8%">登记人</th>
														<th width="8%">登记时间</th>
														<th width="8%">上报人</th>
														<th width="8%">上报时间</th>
														<th width="8%">发生地点</th>
														<th width="8%">所属网格</th>
														<!-- <th width="8%">现场图片</th> -->
														<th width="8%">状态</th>
													</tr>
												</thead>
												<tbody>

												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-6">

					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">地理信息系统</h4>
						</div>
						<br />
						<div class="form-inline" id="mapTransferDiv">
							<div class="input-group">

								<button type="button" name="reset" id="mapTransfer"
									class="btn btn-info">2.5D显示</button>

							</div>
						</div>

						<div>
							<div id="map" style="height: 600px;"></div>
						</div>
					</div>

				</div>
			</div>
			<br />

			<div class="row" id="detailsShow" style="display: none">
				<div class="box box-info">
					<div class="col-md-8">
						<form id="eventReportForm">
							<div class="modal-content">

								<div class="modal-body">
									<div>
										<button type="button" class="btn btn-primary finishBtn">完结</button>
										<button type="button" class="btn btn-info dealDetailBtn">受理</button>
										<button type="button" class="btn btn-default"
											data-dismiss="modal">返回</button>
										<button type="button" class="btn btn-info chongfubtn">重复判断</button>
										<button type="button" class="btn btn-info zhuanbanbtn">转办</button>
										<input type="hidden" id="chongfuId" />


									</div>
									<input type="hidden" name="identify" id="identify" />
									<table class="table">
										<tbody>
											<tr>
												<td align="center" rowspan="2" colspan="1"><img
													id="reportImgAdress" width="100%" src="" height="100px"  data-div="#mainContent"  data-type='page' /></td>
												<td align="center">事件大类</td>
												<td><input class="form-control" type="text"
													name="reportEventType" id="reportEventType"
													readonly="readonly" /></td>
												<td width="8%" align="center">发生时间</td>
												<td width="16%"><input class="form-control" type="text"
													readonly="readonly" name="reportAccTime" id="reportAccTime" />

												</td>
												<td width="8%" align="center">上报人</td>
												<td width="16%"><input class="form-control" type="text"
													name="reportUser" readonly="readonly" id="reportUser" /></td>

											</tr>
											<tr>

												<td width="8%" align="center">联系电话</td>
												<td width="16%">
													<!-- <div class="col-md-12"> -->
														<input class="form-control" type="text"
															name="reportUserPhone" readonly="readonly"
															id="reportUserPhone" />
													<!-- </div> -->
												</td>
												<td width="8%" align="center">所属网格</td>
												<td width="16%">
													<!-- <div class="col-md-12"> -->
														<input class="form-control" type="text"
															name="reportEventToNetGrid" readonly="readonly"
															id="reportEventToNetGrid" />
													<!-- </div> -->
												</td>

												<td width="8%" align="center">流转状态</td>
												<td width="16%">
													<!-- <div class="col-md-12"> -->
														<input class="form-control" type="text"
															name="reportEventVariable" readonly="readonly"
															id="reportEventVariable" />
													<!-- </div> -->
												</td>

											</tr>
											<tr>
												<td width="8%" align="center">发生地点</td>
												<td width="16%" colspan="2">
													<!-- <div class="col-md-12"> -->
														<input class="form-control" type="text"
															readonly="readonly" name="reportAdress" id="reportAdress" />
													<!-- </div> -->
												</td>
												<td width="8%" align="center">事件状态</td>
												<td width="16%"><select name="reportEventAttrVariable"
													id="reportEventAttrVariable" class="form-control"
													datatype="*,*1-100">
														<option
															th:each="reportEventAttrVariable:${reportEventAttrVariables}"
															th:value="${reportEventAttrVariable.id}"
															th:text="${reportEventAttrVariable.title}"></option>
												</select></td>
												<td width="8%" align="center">事件来源</td>
												<td width="16%">
														<input class="form-control" type="text"
															name="reportEventOrg" readonly="readonly"
															id="reportEventOrg" />
												</td>
											</tr>

											<tr>
												<td width="8%" align="center">上报事件详细内容</td>
												<td width="16%" colspan="2"><textArea
														class="form-control" id="reportContent"
														readonly="readonly"></textArea></td>


												<td width="8%" align="center">上报事件特别备注</td>
												<td width="16%" colspan="3"><textArea
														class="form-control" id="reportMemo" readonly="readonly"></textArea>
												</td>
											</tr>
											<tr>
												<td width="8%" align="center">完结备注(*如直接完结,请填写完结备注)</td>
												<td width="16%" colspan="6"><textArea
														class="form-control" id="finishMemo" height="20px"></textArea></td>
											</tr>

										</tbody>
									</table>
								</div>

							</div>
						</form>
					</div>
					<div class="col-md-4">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">流转状态</h4>
						</div>
						<table class="table table-bordered">

							<!-- 表头-->
							<thead>
								<tr>
									<td>任务操作描述</td>
									<td>当前状态</td>
									<td>操作时间</td>
									<td>操作人</td>

								</tr>
							</thead>

							<!--显示数据列表-->
							<tbody id="procedureB" class="dataContainer">

							</tbody>
						</table>
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">事件转办</h4>
						</div>
						<table class="table table-bordered">

							<!-- 表头-->
							<thead>
								<tr>
									<td>任务操作描述</td>
									<td>当前状态</td>
									<td>操作时间</td>
									<td>操作人</td>
								</tr>
							</thead>

							<!--显示数据列表-->
							<tbody id="procedureBB" class="dataContainer">

							</tbody>
						</table>
					</div>
				</div>
			</div>


			<div class="row" id="detailsShow2" style="display: none">
				<div class="box box-info">
					<div class="col-md-8">
						<form id="eventReportForm">
							<div class="modal-content">

								<div class="modal-body">
									<div>
										<button type="button" class="btn btn-info zhuanbanbtn2">转办</button>
									</div>
									<input type="hidden" name="identify" id="identify2" />
									<table class="table">
										<tbody>
											<tr>
												<td align="center" rowspan="2" colspan="1"><img
													id="reportImgAdress2" width="100%" src="" height="100px" data-div="#mainContent"  data-type='page' /></td>
												<td align="center">事件大类</td>
												<td><input class="form-control" type="text"
													name="reportEventType" id="reportEventType2"
													readonly="readonly" /></td>
												<td width="8%" align="center">发生时间</td>
												<td width="16%"><input class="form-control" type="text"
													readonly="readonly" name="reportAccTime"
													id="reportAccTime2" /></td>
												<td width="8%" align="center">上报人</td>
												<td width="16%"><input class="form-control" type="text"
													name="reportUser" readonly="readonly" id="reportUser2" /></td>

											</tr>
											<tr>

												<td width="8%" align="center">联系电话</td>
												<td width="16%">
													<!-- <div class="col-md-12"> -->
														<input class="form-control" type="text"
															name="reportUserPhone" readonly="readonly"
															id="reportUserPhone2" />
													<!-- </div> -->
												</td>
												<td width="8%" align="center">所属网格</td>
												<td width="16%">
													<!-- <div class="col-md-12"> -->
														<input class="form-control" type="text"
															name="reportEventToNetGrid" readonly="readonly"
															id="reportEventToNetGrid2" />
													<!-- </div> -->
												</td>

												<td width="8%" align="center">流转状态</td>
												<td width="16%">
													<!-- <div class="col-md-12"> -->
														<input class="form-control" type="text"
															name="reportEventVariable" readonly="readonly"
															id="reportEventVariable2" />
													<!-- </div> -->
												</td>

											</tr>
											<tr>
												<td width="8%" align="center">发生地点</td>
												<td width="16%" colspan="2">
													<!-- <div class="col-md-12"> -->
														<input class="form-control" type="text"
															readonly="readonly" name="reportAdress"
															id="reportAdress2" />
													<!-- </div> -->
												</td>

											</tr>

											<tr>
												<td width="8%" align="center">上报事件详细内容</td>
												<td width="16%" colspan="2"><textArea
														class="form-control" id="reportContent2"
														readonly="readonly"></textArea></td>


												<td width="8%" align="center">上报事件特别备注</td>
												<td width="16%" colspan="3"><textArea
														class="form-control" id="reportMemo2" readonly="readonly"></textArea>
												</td>
											</tr>
											<tr>
												<td width="8%" align="center">完结备注(*如直接完结,请填写完结备注)</td>
												<td width="16%" colspan="6"><textArea
														class="form-control" id="finishMemo2" height="20px"></textArea></td>
											</tr>
										</tbody>
									</table>
								</div>

							</div>
						</form>
					</div>
					<div class="col-md-4">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">事件转办</h4>
						</div>
						<table class="table table-bordered">

							<!-- 表头-->
							<thead>
								<tr>
									<td>任务操作描述</td>
									<td>当前状态</td>
									<td>操作时间</td>
									<td>操作人</td>

								</tr>
							</thead>

							<!--显示数据列表-->
							<tbody id="procedureB2" class="dataContainer">

							</tbody>
						</table>
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">流转状态</h4>
						</div>
						<table class="table table-bordered">

							<!-- 表头-->
							<thead>
								<tr>
									<td>任务操作描述</td>
									<td>当前状态</td>
									<td>操作时间</td>
									<td>操作人</td>

								</tr>
							</thead>

							<!--显示数据列表-->
							<tbody id="procedureBB2" class="dataContainer">

							</tbody>
						</table>
					</div>
				</div>
			</div>



		</section>

		<!-- 模态框 -->
		<div class="modal" id="eventReportModal">
			<div class="modal-dialog" role="dialog" style="width: 50%"></div>
		</div>

		<!-- 重复对比模态框 -->
		<div id="chongfuModal" class="modal">
			<div class="modal-dialog modal-lg" role="dialog"
				style="width: 1200px;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">重复对比</h4>
					</div>
					<div class="modal-body">
						<div class="row" id="initedInfo" style="width: 95%;">
							<table id="infoTable" style="margin-left: 20px;"
								class="mytable display table-bordered text-center"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<td>序号</td>
										<td>上报人</td>
										<td>发生地点</td>
										<td>发生时间</td>
										<td>对比</td>
									</tr>
								</thead>
								<tbody id="infoTbody">
								</tbody>
							</table>
						</div>
						<div id="abcdefg" class="row">
							<div id="ylDiv" class="col-md-6">
								<form id="ylForm">
									<table class="mytable display table-bordered text-center"
										cellspacing="0" width="100%">
										<tbody>
											<tr>
												<td width="20%" align="center" rowspan="3"><img
													id="ylImg" width="100%" src="" height="100px" /></td>

												<td>事件大类:</td>

												<td width="16%"><input class="form-control" type="text"
													id="ylType" readonly="readonly" /></td>
												<td>发生时间:</td>
												<td><input class="form-control" type="text"
													readonly="readonly" id="ylTime" /></td>
											</tr>
											<tr>
												<td>上报人:</td>
												<td width="16%"><input class="form-control" type="text"
													name="reportUser" readonly="readonly" id="ylUser" /></td>
												<td>所属网格:</td>
												<td colspan="2"><input class="form-control" type="text"
													readonly="readonly" id="ylGrid" /></td>
											</tr>
											<tr>
												<td>联系方式:</td>
												<td width="20%"><input class="form-control" type="text"
													readonly="readonly" id="ylPhone" /></td>
												<td>发生地点:</td>
												<td width="30%" colspan="2"><input class="form-control"
													type="text" readonly="readonly" id="ylAdress" /></td>
											</tr>
										</tbody>
									</table>
								</form>
							</div>
							<div id="djDiv" class="col-md-6">
								<form id="djForm">
									<table class="mytable display table-bordered text-center"
										cellspacing="0" width="99%">
										<tbody>
											<tr>
												<td width="20%" align="center" rowspan="3"><img
													id="djImg" width="100%" src="" height="100px" /></td>

												<td>事件大类:</td>

												<td width="16%"><input class="form-control" type="text"
													id="djType" readonly="readonly" /></td>
												<td>发生时间:</td>
												<td><input class="form-control" type="text"
													readonly="readonly" id="djTime" /></td>
											</tr>
											<tr>
												<td>上报人:</td>
												<td width="16%"><input class="form-control" type="text"
													name="reportUser" readonly="readonly" id="djUser" /></td>
												<td>所属网格:</td>
												<td colspan="2"><input class="form-control" type="text"
													readonly="readonly" id="djGrid" /></td>
											</tr>
											<tr>
												<td>联系方式:</td>
												<td width="20%"><input class="form-control" type="text"
													readonly="readonly" id="djPhone" /></td>
												<td>发生地点:</td>
												<td width="30%" colspan="2"><input class="form-control"
													type="text" readonly="readonly" id="djAdress" /></td>
											</tr>
										</tbody>
										<!-- <tbody>
											<tr>
												<td align="center" rowspan="3"><img id="djImg"
													width="100%" src="" height="100px" /></td>
												<td>发生时间:</td>
												<td><input class="form-control" type="text"
													readonly="readonly" id="djTime" /></td>

												<td>事件大类:</td>
												<td><input class="form-control" type="text" id="djType"
													readonly="readonly" /></td>

											</tr>
											<tr>

												<td>所属网格:</td>
												<td colspan="2"><input class="form-control" type="text"
													readonly="readonly" id="djGrid" /></td>
												<td>上报人:</td>
												<td><input class="form-control" type="text"
													readonly="readonly" id="djUser" /></td>


											</tr>
											<tr>
												<td>发生地点:</td>
												<td colspan="2"><input class="form-control" type="text"
													readonly="readonly" id="djAdress" /></td>
												<td>联系方式:</td>
												<td><input class="form-control" type="text"
													readonly="readonly" id="djPhone" /></td>

											</tr>
										</tbody> -->
									</table>
								</form>
							</div>
						</div>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

					</div>
				</div>
			</div>
		</div>
		
		<div class="modal" id="eventTreeModal">
			<div class="modal-dialog" role="dialog" style="width: 30%">
				<form id="eventTreeForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>事件类型选择</strong>
							</h4>
						</div>
						<div class="modal-body">
							<div class="box box-info">
								<div class="box-header with-border">
									<h3 class="box-title">
										<i class="fa fa-cubes "></i><strong>事件类型</strong>
									</h3>
								</div>
								<div class="box-body">
									<input type="hidden" id="oldEventType"/>
									<ul id="eventTree" class="ztree"></ul>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary eventTypeConfirmBtn">确认</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<link rel="stylesheet" th:href="@{/eventReport/hover.css}" />
		<link rel="stylesheet" type="text/css"
			href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
		<link rel="stylesheet" type="text/css"
			href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />

		<script type="text/javascript"
			src="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/init.js"></script>
		<script type="text/javascript"
			th:src="@{http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX}"></script>
		<script type="text/javascript"
			src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
		<script th:src="@{/eventReport/eventReport.js}"></script>
		<script th:src="@{/eventReport/chongfu.js}"></script>
	</div>

</body>
</html>